<template>
  <div
    style="
      width: 343px;
      height: 182px;
      background: white;
      margin-left: 5px;
      border-radius: 10px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      align-items: center;
    "
  >
    <div
      style="width: 70px; height: 70px; text-align: center; overflow: hidden"
    >
      <div
        style="
          width: 32px;
          height: 32px;
          background: rgba(186, 224, 255, 1);
          margin: auto;
          border-radius: 6px;
          margin-top: 5px;
        "
        @click="goRegister"
      ></div>
      <p style="font-size: 14px; margin-top: 5px">入院登记</p>
    </div>
    <div
      style="width: 70px; height: 70px; text-align: center; overflow: hidden"
    >
      <div
        style="
          width: 32px;
          height: 32px;
          background: rgba(186, 224, 255, 1);
          margin: auto;
          border-radius: 6px;
          margin-top: 5px;
        "
        @click="goCertificate"
      ></div>
      <p style="font-size: 14px; margin-top: 5px">入院陪护证</p>
    </div>
    <div
      style="width: 70px; height: 70px; text-align: center; overflow: hidden"
    >
      <div
        style="
          width: 32px;
          height: 32px;
          background: rgba(186, 224, 255, 1);
          margin: auto;
          border-radius: 6px;
          margin-top: 5px;
        "
        @click="goDservice"
      ></div>
      <p style="font-size: 14px; margin-top: 5px">代寄服务</p>
    </div>
    <div
      style="width: 70px; height: 70px; text-align: center; overflow: hidden"
    >
      <div
        style="
          width: 32px;
          height: 32px;
          background: rgba(186, 224, 255, 1);
          margin: auto;
          border-radius: 6px;
          margin-top: 5px;
        "
        @click="yijiyuyeue"
      ></div>
      <p style="font-size: 14px; margin-top: 5px">住院报告</p>
    </div>
    <div
      style="width: 70px; height: 70px; text-align: center; overflow: hidden"
    >
      <div
        style="
          width: 32px;
          height: 32px;
          background: rgba(186, 224, 255, 1);
          margin: auto;
          border-radius: 6px;
          margin-top: 5px;
        "
      ></div>
      <p style="font-size: 14px; margin-top: 5px">住院预交</p>
    </div>
    <div
      style="width: 70px; height: 70px; text-align: center; overflow: hidden"
    >
      <div
        style="
          width: 32px;
          height: 32px;
          background: rgba(186, 224, 255, 1);
          margin: auto;
          border-radius: 6px;
          margin-top: 5px;
        "
        @click="ZiDongQuHao111"
      ></div>
      <p style="font-size: 14px; margin-top: 5px">中药代煎</p>
    </div>
    <div
      style="width: 70px; height: 70px; text-align: center; overflow: hidden"
    >
      <div
        style="
          width: 32px;
          height: 32px;
          background: rgba(186, 224, 255, 1);
          margin: auto;
          border-radius: 6px;
          margin-top: 5px;
        "
        @click="MenZhenDaoZhenDan"
      ></div>
      <p style="font-size: 14px; margin-top: 5px">满意度调查</p>
    </div>
    <div
      style="width: 70px; height: 70px; text-align: center; overflow: hidden"
    >
      <div
        style="
          width: 32px;
          height: 32px;
          background: rgba(186, 224, 255, 1);
          margin: auto;
          border-radius: 6px;
          margin-top: 5px;
        "
        @click="reg"
      ></div>
      <p style="font-size: 14px; margin-top: 5px">电子票据</p>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive } from "vue";
import { useRouter } from "vue-router";

const router = useRouter();

const goRegister = () => {
  router.push("/register");
};
const goCertificate = () => {
  router.push("/certificate");
};
const goDservice = () => {
  router.push("/dservice");
};
const reg = () => {
  router.push("/DianZiPiaoJu");
};
const MenZhenDaoZhenDan = () => {
  router.push("/MenZhenDaoZhenDan");
};
const ZiDongQuHao111 = () => {
  router.push("/ZiDongQuHao");
};
const yijiyuyeue = () => {
  router.push("/YiJiYuYue");
};
</script>

<style scoped></style>